<template>
	<div class="header-act">
		<div class="act-item border-right">
			<aside>
				<p>门票特卖</p>
				<span>天天好价1折起</span>
			</aside>
			<img src="img/icon13.png" >
		</div>
		
		<div class="act-item">
			<aside>
				<p>暑假大促</p>
				<span>领劵立减15元</span>
			</aside>
			<img src="img/icon14.png" style="margin-top: 0.2rem;margin-left: 0.2rem;">			
		</div>
	</div>
</template>

<script>
</script>

<style>
	.header-act{
		width: 100%;
		display: flex;
		position: relative;
		margin-top: 0.4rem;
		background-color: white;
	}
	.act-item{
		flex: 1;
		font-size: 0.28rem;
		height: 1.4rem;
	}
	.act-item aside{
		float: left;
		margin-left: 0.4rem;		
	}
	.act-item aside p{
		color: orangered;
		font-weight: bold;
		font-size: 0.36rem;
		margin-top: 0.2rem;
		margin-bottom: 0.2rem;
	}
	.act-item aside span{
		color: #CCCCCC;
	}
	.act-item img{
		float: left;
		width: 30%;
	}
</style>
